<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Vite + Vue + TS</title>
  <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4863243_5rqi3lojvrd.css">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" rel="stylesheet">
  <script>
    window.data = [[
      {
        type: "text",
        title: "容器集群原始查询数据",
        content: "集群包含6个镜像，其中1个存在漏洞（安全等级2），5个未扫描。所有镜像创建于2025-03-13 14:13:57，关联主机taomingwei-node3-ubuntu（IP: 10.254.169.193），共关联5个容器。标签信息包含管理员及基础镜像数据，定时任务为空。存在size字段统计差异，实际镜像数以列表为准。"
      }
    ], [
      {
        type: "chat",
        title: "镜像名称分布饼图",
        options: {
          title: {
            text: '镜像名称分布',
            left: 'center'
          },
          tooltip: {
            trigger: 'item'
          },
          legend: {
            orient: 'vertical',
            left: 'left'
          },
          series: [
            {
              type: 'pie',
              radius: '50%',
              data: [{ "value": 1, "name": "acgpiano/sqli-labs:latest" }, { "value": 1, "name": "centos:latest" }, { "value": 1, "name": "nginx:alpine" }, { "value": 1, "name": "nginx:latest" }, { "value": 1, "name": "postgres:latest" }, { "value": 1, "name": "subfuzion/netcat:latest" }],
              emphasis: {
                itemStyle: {
                  shadowBlur: 10,
                  shadowOffsetX: 0,
                  shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
              }
            }
          ]
        }

      }
    ]]
  </script>
</head>

<body>
  <div id="app"></div>
  <script type="module" src="/src/main.ts"></script>
</body>

</html>